<template>
  <div class="goods-card">
    <img :src="goodsItem.list_pic_url" alt="商品图片">
    <p class="name">{{goodsItem.name}}</p>
    <!-- <p>{{goodsItem.goods_brief}}</p> -->
    <p class="retail">￥{{goodsItem.retail_price}}<span> / 人</span></p>
  </div>
</template>

<script>
export default {
  props: {
    goodsItem: {
      type: Object,
      default: {},
    //   default: {
    //     id: 1134030,
    //     category_id: 1008002,
    //     goods_sn: "1134030",
    //     name: "铁军执行力-简约知性记忆棉坐垫",
    //     brand_id: 0,
    //     goods_number: 100,
    //     keywords: "",
    //     goods_brief: "慢回弹海绵，时尚设计。",
    //     goods_desc:
    //       '<p><img src="http://yanxuan.nosdn.127.net/3b31b3c57a7d7f42b13711bd1438d555.jpg" _src="http://yanxuan.nosdn.127.net/3b31b3c57a7d7f42b13711bd1438d555.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/e92d9bad2a0339a81b47835f5530a358.jpg" _src="http://yanxuan.nosdn.127.net/e92d9bad2a0339a81b47835f5530a358.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/edabc81fa6c7e66fe1698949f3b2b9f4.jpg" _src="http://yanxuan.nosdn.127.net/edabc81fa6c7e66fe1698949f3b2b9f4.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/3444f640ec6ff6d6a8bcc3ce0f28848f.jpg" _src="http://yanxuan.nosdn.127.net/3444f640ec6ff6d6a8bcc3ce0f28848f.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/317ebb6f899631d1ed52759c14170a39.jpg" _src="http://yanxuan.nosdn.127.net/317ebb6f899631d1ed52759c14170a39.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/8f17af0ae3d56d482cec4105d390730a.jpg" _src="http://yanxuan.nosdn.127.net/8f17af0ae3d56d482cec4105d390730a.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/345a9aba507ca86b34c37c29956eeb83.jpg" _src="http://yanxuan.nosdn.127.net/345a9aba507ca86b34c37c29956eeb83.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/38b5c26064c4ea16ce3380bd69d2a671.jpg" _src="http://yanxuan.nosdn.127.net/38b5c26064c4ea16ce3380bd69d2a671.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/eabf8d6393d65cbd9e2e87c75dfcc066.jpg" _src="http://yanxuan.nosdn.127.net/eabf8d6393d65cbd9e2e87c75dfcc066.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/a703c316292e2c4c0b9d6551b25f1856.jpg" _src="http://yanxuan.nosdn.127.net/a703c316292e2c4c0b9d6551b25f1856.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/734765425e21e073844c1c9e062dc35d.jpg" _src="http://yanxuan.nosdn.127.net/734765425e21e073844c1c9e062dc35d.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/cc24974d903f1d0e109482954f1da8e8.jpg" _src="http://yanxuan.nosdn.127.net/cc24974d903f1d0e109482954f1da8e8.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/da57cdb5646fbff0cf8007f60304c30f.jpg" _src="http://yanxuan.nosdn.127.net/da57cdb5646fbff0cf8007f60304c30f.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/ddc76ceaeddfd7b527df40e01bf7877b.jpg" _src="http://yanxuan.nosdn.127.net/ddc76ceaeddfd7b527df40e01bf7877b.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/c158fdad4e3c80f90b02cf930b661bb0.jpg" _src="http://yanxuan.nosdn.127.net/c158fdad4e3c80f90b02cf930b661bb0.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/b9682e656087dfa53c0f8365a0c300da.jpg" _src="http://yanxuan.nosdn.127.net/b9682e656087dfa53c0f8365a0c300da.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/567cd1355b86120b192d36b4710552a0.jpg" _src="http://yanxuan.nosdn.127.net/567cd1355b86120b192d36b4710552a0.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/327629df66c47aeba0cb92072cf94471.jpg" _src="http://yanxuan.nosdn.127.net/327629df66c47aeba0cb92072cf94471.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/31199ec47d032c282762d8d49087c5af.jpg" _src="http://yanxuan.nosdn.127.net/31199ec47d032c282762d8d49087c5af.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/169746e1e8293452b58c184db111d98b.jpg" _src="http://yanxuan.nosdn.127.net/169746e1e8293452b58c184db111d98b.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/a2a0cd32321cd198d67ea99fe5590120.jpg" _src="http://yanxuan.nosdn.127.net/a2a0cd32321cd198d67ea99fe5590120.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/4657e1914acce0c476d756f72e40ef97.jpg" _src="http://yanxuan.nosdn.127.net/4657e1914acce0c476d756f72e40ef97.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/9cb62e36a78ac61b587e6a9b5f9458a9.jpg" _src="http://yanxuan.nosdn.127.net/9cb62e36a78ac61b587e6a9b5f9458a9.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/1b482df93b0a173be4a7bf6c2dabd543.jpg" _src="http://yanxuan.nosdn.127.net/1b482df93b0a173be4a7bf6c2dabd543.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/533e784b613baea6c7d18ea81ce3b535.jpg" _src="http://yanxuan.nosdn.127.net/533e784b613baea6c7d18ea81ce3b535.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/15772709fdda505c1a3a6b0e6453cce8.jpg" _src="http://yanxuan.nosdn.127.net/15772709fdda505c1a3a6b0e6453cce8.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/3b8ffb1a51ec50d46707513e6d6cb420.jpg" _src="http://yanxuan.nosdn.127.net/3b8ffb1a51ec50d46707513e6d6cb420.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/5cf3463a41c5fac921cdb11c3b0c8990.jpg" _src="http://yanxuan.nosdn.127.net/5cf3463a41c5fac921cdb11c3b0c8990.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/2565c92fa398dd47a1458be3e9009c9b.jpg" _src="http://yanxuan.nosdn.127.net/2565c92fa398dd47a1458be3e9009c9b.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/a4960bb2a74c1e22d82626ba7e33d33d.jpg" _src="http://yanxuan.nosdn.127.net/a4960bb2a74c1e22d82626ba7e33d33d.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/9c13f2fb5d0daac9ef6fab890c866dc4.jpg" _src="http://yanxuan.nosdn.127.net/9c13f2fb5d0daac9ef6fab890c866dc4.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/749704a3f974d419e8b59a32de540784.jpg" _src="http://yanxuan.nosdn.127.net/749704a3f974d419e8b59a32de540784.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/d1c4d8d91866700a5e8c1cd33ea75b15.jpg" _src="http://yanxuan.nosdn.127.net/d1c4d8d91866700a5e8c1cd33ea75b15.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/c55b8dc599470be31aa0218438a36528.jpg" _src="http://yanxuan.nosdn.127.net/c55b8dc599470be31aa0218438a36528.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/80c3a1e268905658a576eccd85a65f37.jpg" _src="http://yanxuan.nosdn.127.net/80c3a1e268905658a576eccd85a65f37.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/6c597a8dbecc1e3de31e9b8e5d420586.jpg" _src="http://yanxuan.nosdn.127.net/6c597a8dbecc1e3de31e9b8e5d420586.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/320ec6f1fcbb288e5676832dceff16aa.jpg" _src="http://yanxuan.nosdn.127.net/320ec6f1fcbb288e5676832dceff16aa.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/8fc9119b2c7986bd575329d3a95abe9e.jpg" _src="http://yanxuan.nosdn.127.net/8fc9119b2c7986bd575329d3a95abe9e.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/438a62f5bb789a6fa70b8ed5578cd7e1.jpg" _src="http://yanxuan.nosdn.127.net/438a62f5bb789a6fa70b8ed5578cd7e1.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/1fe137a665f79a67359a9748de200ca6.jpg" _src="http://yanxuan.nosdn.127.net/1fe137a665f79a67359a9748de200ca6.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/02ad092fac2cf5da935078f01afe3ff3.jpg" _src="http://yanxuan.nosdn.127.net/02ad092fac2cf5da935078f01afe3ff3.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/d390285b49a6f4eb5ec9a460f77bce70.jpg" _src="http://yanxuan.nosdn.127.net/d390285b49a6f4eb5ec9a460f77bce70.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/469c7bc6e70c8d3db7639dc3d6949356.jpg" _src="http://yanxuan.nosdn.127.net/469c7bc6e70c8d3db7639dc3d6949356.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/323b6604e88a5c748b4f7cd00ca84595.jpg" _src="http://yanxuan.nosdn.127.net/323b6604e88a5c748b4f7cd00ca84595.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/4151a8c4cae3b9998c95ae0bd9528e93.jpg" _src="http://yanxuan.nosdn.127.net/4151a8c4cae3b9998c95ae0bd9528e93.jpg" style=""/></p><p><img src="http://yanxuan.nosdn.127.net/c968e429b7a1f21ffa6281c76fd77c32.jpg" _src="http://yanxuan.nosdn.127.net/c968e429b7a1f21ffa6281c76fd77c32.jpg" style=""/></p><p><br/></p>',
    //     is_on_sale: 1,
    //     add_time: 0,
    //     sort_order: 12,
    //     is_delete: 0,
    //     attribute_category: 0,
    //     counter_price: 0,
    //     extra_price: 0,
    //     is_new: 1,
    //     goods_unit: "件",
    //     primary_pic_url:
    //       "http://yanxuan.nosdn.127.net/1f4758a9d68c5ebfafd3fc8b960707a6.jpg",
    //     list_pic_url:
    //       "http://yanxuan.nosdn.127.net/aa49dfe878becf768eddc4c1636643a6.png",
    //     retail_price: 46,
    //     sell_volume: 7580,
    //     primary_product_id: 1135146,
    //     unit_price: 0,
    //     promotion_desc: "限时购",
    //     promotion_tag: "",
    //     app_exclusive_price: 0,
    //     is_app_exclusive: 0,
    //     is_limited: 0,
    //     is_hot: 0
    //   }
    }
  },
  data() {
    return {
        
    };
  },
  computed: {},
  created() {},
  mounted() {},
  watch: {},
  methods: {},
  components: {}
};
</script>

<style scoped lang="sass">
    .goods-card
        width: 100%
        height: 100%
        display: inline-block
        overflow: hidden
        img 
            display: block
            width: 70%
            height: 52%
            margin: 0 auto
        p.name
            font-size: 30rpx
            font-weight: bold
        p.retail 
            text-align: center
            color: #9c3232
            font-size: 24rpx
            span
                font-size: 20rpx
                color: gray
        p 
            width: 94%
            overflow: hidden
            white-space: nowrap
            text-overflow: ellipsis
            margin-top: 4rpx
            text-indent: 1em
    
</style>
